<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Gestion des vols - Réservation de vols avec CPE</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
    </head>
    <body>
		<div id="alerts"></div>
        <div id="wrap">
	        <div class="navbar navbar-inverse navbar-fixed-top">
	            <div class="container">
	                <div class="navbar-header">
	                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	                        <span class="icon-bar"></span>
	                        <span class="icon-bar"></span>
	                        <span class="icon-bar"></span>
	                    </button>
	                    <a href="/home.html" class="navbar-brand">
	                        <img src="/img/VolsCPE_logo2.png" alt="logo" style="max-height:20px"/>
	                    </a>
	                </div>
	                <div class="navbar-collapse collapse">
	                    <ul class="nav navbar-nav">
	                        <li><a href="/volSearch.html" >Rechercher un vol</a></li>
	                        <li><a href="/historic.html" >Historique</a></li>
	                    </ul>
	                    <ul class="nav navbar-nav navbar-right">
	                    	<li><a href="#">en ligne <span class="badge" id="nbUserConnected">0</span></a></li>
	                    	<li><a href="#" id="lastConnection"></a></li>
	                    	<li><a href="#" id="duration">mn</a></li>
		                	<li class="dropdown">
					        	<a href="#" class="dropdown-toggle" data-toggle="dropdown" id="dropDownName"><b class="caret"></b></a>
						        <ul class="dropdown-menu" id="dropDownMenu">
							          <li><a href="userDetails.html">Mon compte</a></li>
							          <li><a href="changePassword.html">Changer de mot de passe</a></li>
					        	 </ul>
					      	</li>
					      	<li><a href="#" id="btnDisconnect"><span class="glyphicon glyphicon-off"></span></a></li>
		                </ul>
	                </div> <!--/.navbar-collapse -->
	            </div>
	        </div>
	
	        <div class="container">
	         	<form class="form-inline register-form well" id="addVol-form">
	                <div class="form-group col-xs-4">
	                    <label for="leavingFrom">Départ de</label>
	                    <input type="text" name="leavingFrom" class="form-control" id="leavingFrom" placeholder="Leaving From" required>
	                </div>
	                <div class="form-group col-xs-4">
	                    <label for="goingTo">Arrivée à</label>
	                    <input type="text" name="goingTo" class="form-control" id="goingTo" placeholder="Going To" required>
	                </div>
	                <div class="form-group col-xs-2">
	                    <label for="departureTime">Heure de départ</label>
	                    <input type="time" name="departureTime" class="form-control" id="departureTime" placeholder="Departure" required>
	                </div>
	                <div class="bfh-timepicker form-group col-xs-2">
	                    <label for="arrivalTime">Heure d'arrivée</label>
	                    <input type="time" name="arrivalTime" class="form-control" id="arrivalTime" placeholder="Arrival" required>
	                </div>
	                <div class="form-group col-xs-4">
	                    <label for="departureDate">Date de départ</label>
	                    <input type="date" name="departureDate" class="form-control" id="departureDate" placeholder="Departure" required>
	                </div>
	                <div class="form-group col-xs-4">
	                    <label for="arrivalDate">Date d'arrivée</label>
	                    <input type="date" name="arrivalDate" class="form-control" id="arrivalDate" placeholder="Arrival" required>
	                </div>
	                <div class="form-group col-xs-2">
	                    <label for="price">Prix</label>
	                    <input type="text" name="price" class="form-control" id="price" placeholder="Price" required>
	                </div>
	                <div class="form-group col-xs-2 ">
	                    <label for="availableSeats">Nombre de places</label>
	                    <input type="text" name="availableSeats" class="form-control" id="availableSeats" placeholder="Seats" required>
	                </div>
	                <div class="clearfix"></div>
	                <div class="col-sm-12 " style="margin-top:10px">
	                	<button class="btn btn-primary btn-block" type="submit" id="btnAddVol">Ajouter Vol</button>
	                </div>                
	            </form>
            </div>
            <div class="container ">
	            <table class="table ">
		            <thead>
			            <tr>
			            	<th>Date de départ</th>
			            	<th>Départ de</th>
			            	<th>Arrivée à</th>
			            	<th>Durée du vol</th>
			            	<th>Places disponibles</th>
			            	<th>Prix</th>
			            	<th><button class="btn btn-primary btn-block" id="btnRefresh">Rafraîchir</button></th>
			            </tr>
		            </thead>
		            <tbody id="volList">
		            </tbody>
            	</table>
            </div>
        </div> <!--/div.wrap -->
	
	    <footer>
	        <div class="container">
	            <p class="pull-right">&copy; 2013 Instant CPE - Tous droits réservés</p>
	            <img src="/img/VolsCPE_logo_gris.png" alt="logo" style="max-height:35px"/>
	        </div>
	    </footer>
        
        <!-- Scripts -->
        <script src="js/vendor/jquery-1.10.1.min.js"></script>
        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/main.js"></script>
        <script src="js/volAdministration.js"></script>
    </body>
</html>